{"offset":37,"limit":12,"max":48,"nbHits":127,"exhaustiveNbHits":false,"processingTimeMs":6,"query":"","search":false,"response":{"exist_filter":"produtoEmbalagem:\"Caixinha Individual\"","docs":[{"ecommerceNomeCompleto":"Rolamento para Guiar e Alinhar a Corrente de Transmiss\u00e3o Suzuki RMX250, RM250, DZR400E | Pedal de Freio KTM","ecommerceNome":"Rolamento para Guiar e Alinhar a Corrente de Transmiss\u00e3o","ecommerceBusca":"Rolamento para Guiar e Alinhar a Corrente de Transmiss\u00e3o Suzuki RMX250, RM250, DZR400E | Pedal de Freio KTM Rolamento para Guiar e Alinhar a Corrente de Transmiss\u00e3o 6082RS","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"608-2RS","produtoModeloBusca":"6082RS","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1650254","produtoID":1650254,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-12 20:40:15","catalogoID":35275,"produtoPeso":"0.0140","produtoMedida":"8x22x7","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento para Corrente de Transmiss\u00e3o Suzuki RMX250, RM250","ecommerceDescricao":"Suzuki RMX250, RM250, DZR400E | Pedal de Freio KTM","ecommerceComplemento":"Veda\u00e7\u00e3o preta","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento para Corrente de Transmiss\u00e3o Suzuki RMX250 | 608-2RS PPK","ecommerceSeoDescricao":"Conhe\u00e7a o Rolamento 608-2RS PPK. O Rolamento 608-2RS para corrente de transmiss\u00e3o PPK garante durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 608-2RS, 608-2RS, rolamento corrente transmiss\u00e3o, rolamento Suzuki RMX250, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646621\", \"1646050\"]","codigoOriginal":"KTM:J625060800","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; normal; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Guia da corrente"],"aplicacaoMotoMontadoras":["Suzuki"],"aplicacaoMotoModelos":["DRZ","RMX"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Corrente"],"aplicacaoMotoCompleto":["Guia da corrente, Transmiss\u00e3o, Corrente"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":1.28,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1650254.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1650254.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1650254.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"608-2RS Rolamento para Guiar e Alinhar a Corrente de Transmiss\u00e3o Suzuki RMX250, RM250, DZR400E | Pedal de Freio KTM PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-608-2rs-ppk\/1650254","aplicacao":"\/produto\/rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-suzuki-rmx250-rm250-dzr400e--pedal-de-freio-ktm-rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-6082rs\/1650254","modal":"\/modal\/rolamento-rigido-de-esferas-608-2rs-ppk\/1650254"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"KTM","value":"J625060800"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do C\u00e2mbio Honda CBX 250 Twister 01>08, NX 400 Falcon, PCX 160, XR 250 Tornado 01>08 - Lado Pinh\u00e3o | Yamaha YS 250 Fazer 06>10.","ecommerceNome":"Rolamento do C\u00e2mbio Honda","ecommerceBusca":"Rolamento do C\u00e2mbio Honda CBX 250 Twister 01>08, NX 400 Falcon, PCX 160, XR 250 Tornado 01>08 - Lado Pinh\u00e3o | Yamaha YS 250 Fazer 06>10. Rolamento do C\u00e2mbio Honda 62222RS","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"62\/22-2RS","produtoModeloBusca":"62222RS","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"15945","produtoID":15945,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-13 13:03:05","catalogoID":36736,"produtoPeso":"0.1300","produtoMedida":"22x50x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do C\u00e2mbio CBX 250 Twister, XR 250 Tornado 01>08, PCX 160, Fazer YS 250 06>10","ecommerceDescricao":"CBX 250 Twister 01>08, NX 400 Falcon, PCX 160, XR 250 Tornado 01>08 - Lado Pinh\u00e3o | Yamaha YS 250 Fazer 06>10.","ecommerceComplemento":"Transmiss\u00e3o Quadriciclo Fourtrax 420 08>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91005-657-008","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CBX","Fourtrax","PCX","XR","YS"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["C\u00e2mbio"],"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda CBX 250 01>08","Honda Fourtrax 420 08>20","Honda XR 250 01>08","Yamaha YS 250 06>10"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/15945.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15945.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15945.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"62\/22-2RS Rolamento do C\u00e2mbio Honda CBX 250 Twister 01>08, NX 400 Falcon, PCX 160, XR 250 Tornado 01>08 - Lado Pinh\u00e3o | Yamaha YS 250 Fazer 06>10. MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-62-22-2rs-mak\/15945","aplicacao":"\/produto\/rolamento-do-cmbio-honda-cbx-250-twister-0108-nx-400-falcon-pcx-160-xr-250-tornado-0108---lado-pinho--yamaha-ys-250-fazer-0610-rolamento-do-cmbio-honda-62222rs\/15945","modal":"\/modal\/rolamento-rigido-de-esferas-62-22-2rs-mak\/15945"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":[{"name":"Honda","value":"91005-657-008"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento da Coroa para BMW S1000R, XR | Virabrequim Ld Esquerdo CG 125 95>00, XLR 125 97>02","ecommerceNome":"Rolamento da Coroa para BMW","ecommerceBusca":"Rolamento da Coroa para BMW S1000R, XR | Virabrequim Ld Esquerdo CG 125 95>00, XLR 125 97>02 Rolamento da Coroa para BMW 6228RS920451207","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"62\/28-RS (920451207)","produtoModeloBusca":"6228RS920451207","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"3047","produtoID":3047,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-18 20:48:59","catalogoID":38060,"produtoPeso":"0.1730","produtoMedida":"28x58x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Coroa para BMW S1000R, XR","ecommerceDescricao":"S1000R, XR | Virabrequim Ld Esquerdo CG 125 95>00, XLR 125 97>02","ecommerceComplemento":"Painel do Freio Traseiro Quadriciclo Fourtrax 420 14>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91002-KY0-981; Kawasaki:920451207","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 1 lado:5385; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Vedado 1 lado","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":null,"aplicacaoMotoModelos":null,"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":18,"produtoEstoque":0,"blindagem":"Vedado 1 lado","_matchesInfo":[],"contador":3,"chave":2,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/3047.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/3047.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/3047.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"62\/28-RS (920451207) Rolamento da Coroa para BMW S1000R, XR | Virabrequim Ld Esquerdo CG 125 95>00, XLR 125 97>02 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-62-28-rs-920451207-mak\/3047","aplicacao":"\/produto\/rolamento-da-coroa-para-bmw-s1000r-xr--virabrequim-ld-esquerdo-cg-125-9500-xlr-125-9702-rolamento-da-coroa-para-bmw-6228rs920451207\/3047","modal":"\/modal\/rolamento-rigido-de-esferas-62-28-rs-920451207-mak\/3047"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 1 lado"}],"codigoOriginalLista":[{"name":"Honda","value":"91002-KY0-981"},{"name":"Kawasaki","value":"920451207"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento da Coroa para Suzuki Hayabusa1300, V-Strom","ecommerceNome":"Rolamento da Coroa para Suzuki","ecommerceBusca":"Rolamento da Coroa para Suzuki Hayabusa1300, V-Strom Rolamento da Coroa para Suzuki 62322RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"62\/32-2RSC3","produtoModeloBusca":"62322RSC3","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"1649648","produtoID":1649648,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-15 20:34:22","catalogoID":38061,"produtoPeso":"0.2450","produtoMedida":"32x65x17","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Coroa para Hayabusa1300, V-Strom","ecommerceDescricao":"Hayabusa1300, V-Strom","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":null,"aplicacaoMotoModelos":null,"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":16,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1649648.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1649648.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1649648.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"62\/32-2RSC3 Rolamento da Coroa para Suzuki Hayabusa1300, V-Strom MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-62-32-2rsc3-mak\/1649648","aplicacao":"\/produto\/rolamento-da-coroa-para-suzuki-hayabusa1300-v-strom-rolamento-da-coroa-para-suzuki-62322rsc3\/1649648","modal":"\/modal\/rolamento-rigido-de-esferas-62-32-2rsc3-mak\/1649648"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento de Roda e Embreagem Honda Pop100 07>... | Suzuki Address V100, Let's II 50","ecommerceNome":"Rolamento de Roda e Embreagem Honda","ecommerceBusca":"Rolamento de Roda e Embreagem Honda Pop100 07>... | Suzuki Address V100, Let's II 50 Rolamento de Roda e Embreagem Honda 62002RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6200-2RSC3","produtoModeloBusca":"62002RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1771","produtoID":1771,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 18:04:35","catalogoID":32161,"produtoPeso":"0.0300","produtoMedida":"10x30x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Embreagem Honda Pop100 07>...","ecommerceDescricao":"Pop100 07>... | Suzuki Address V100, Let's II 50","ecommerceComplemento":"Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda para Pop100 | Rolamento 6200-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6200-2RSC3 PPK para roda \u00e9 produzido com tratamento te\u0301rmico para alta durabilidade e resist\u00eancia. Ao repor o rolamentos da sua moto, escolha rolamento PPK.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6200-2RSC3, 6200-2RSC3, rolamento roda, rolamento Pop100, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646392\", \"348\", \"1777\", \"2814\"]","codigoOriginal":"Honda:91013-GFP-9000; Suzuki:08113-62007; Suzuki:08123-62007","codigoSimilar":"FAG:6200-2RSRC3; Nachi:6200-2NSE; NSK:6200-DDUC3; NTN:6200-LLUC3; SKF:6200-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["Cubo de roda","Embreagem central"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["ADDRESS V","LETS II","POP"],"aplicacaoMotoGrupo":["Motor","Roda"],"aplicacaoMotoSubGrupo":["Embreagem","Roda dianteira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Embreagem central, Motor, Embreagem"],"aplicacaoMotoModelosCompleto":["Honda POP 100 07>..."],"produtoPrecoConsumidor":1.9,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":5,"chave":4,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1771.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1771.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1771.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53640\/53640.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6200-2RSC3 Rolamento de Roda e Embreagem Honda Pop100 07>... | Suzuki Address V100, Let's II 50 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6200-2rsc3-ppk\/1771","aplicacao":"\/produto\/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3\/1771","modal":"\/modal\/rolamento-rigido-de-esferas-6200-2rsc3-ppk\/1771"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91013-GFP-9000"},{"name":"Suzuki","value":"08113-62007"},{"name":"Suzuki","value":"08123-62007"}],"codigoSimilarLista":[{"name":"FAG","value":"6200-2RSRC3"},{"name":"Nachi","value":"6200-2NSE"},{"name":"NSK","value":"6200-DDUC3"},{"name":"NTN","value":"6200-LLUC3"},{"name":"SKF","value":"6200-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento de Roda para Honda Pop110i, Biz110i, Roda Dianteira PCX 150 \/ 160, Transmiss\u00e3o PCX 150 12>20","ecommerceNome":"Rolamento de Roda para Honda","ecommerceBusca":"Rolamento de Roda para Honda Pop110i, Biz110i, Roda Dianteira PCX 150 \/ 160, Transmiss\u00e3o PCX 150 12>20 Rolamento de Roda para Honda 62012RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6201-2RSC3","produtoModeloBusca":"62012RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"490","produtoID":490,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-08 12:44:57","catalogoID":32191,"produtoPeso":"0.0370","produtoMedida":"12x32x10","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Honda Pop110i, Biz110i, Dianteira PCX 150 \/ 160","ecommerceDescricao":"Pop110i, Biz110i, Roda Dianteira PCX 150 \/ 160, Transmiss\u00e3o PCX 150 12>20","ecommerceComplemento":"Transmiss\u00e3o CG150 Fan\/Titan, Biz C100 \/ C125, Pop100, Factor 125, NXR150 Bros | Yamaha YBR125","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Honda Pop110, Biz110, PCX150 | 6201-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6201-2RSC3 PPK \u00e9 aplicado em roda da Honda Pop110, Biz110 e PCX150. Rolamento de moto 6201-2RSC3 PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6201-2RSC3, 6201-2RSC3, rolamento roda, rolamento Pop110, rolamento PCX150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"490\", \"348\", \"1647586\", \"1646737\"]","codigoOriginal":"Honda:91006KZR601; Honda:91014-KRM-840; Honda:91014-KSS-900; Honda:91051-GFP-902; Honda:91052KVB901; Honda:96100-62010; Suzuki:08113-62010; Suzuki:08133-62017; Yamaha:93306-201X3","codigoSimilar":"FAG:6201-2RSRC3; Nachi:6201-2NSE; NSK:6201-DDUC3; NTN:6201-LLUC3; SKF:6201-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","BIZ","CG","Elite","LETS II","NXR","PCX","POP","RM","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda dianteira\/traseira "],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda dianteira\/traseira "],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda BIZ 125 06>...","Honda CG 125 05>...","Honda CG 150 ","Honda Elite 125 09>...","Honda LETS II 50 ","Honda NXR 150 ","Honda PCX 150 12>20","Honda PCX 160 22>...","Honda POP 100 ","Honda POP 110 16>...","Suzuki ADDRESS AE 100 ","Suzuki RM 80 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.82,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/490.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/490.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/490.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53641\/53641.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6201-2RSC3 Rolamento de Roda para Honda Pop110i, Biz110i, Roda Dianteira PCX 150 \/ 160, Transmiss\u00e3o PCX 150 12>20 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6201-2rsc3-ppk\/490","aplicacao":"\/produto\/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx-150--160-transmisso-pcx-150-1220-rolamento-de-roda-para-honda-62012rsc3\/490","modal":"\/modal\/rolamento-rigido-de-esferas-6201-2rsc3-ppk\/490"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91006KZR601"},{"name":"Honda","value":"91014-KRM-840"},{"name":"Honda","value":"91014-KSS-900"},{"name":"Honda","value":"91051-GFP-902"},{"name":"Honda","value":"91052KVB901"},{"name":"Honda","value":"96100-62010"},{"name":"Suzuki","value":"08113-62010"},{"name":"Suzuki","value":"08133-62017"},{"name":"Yamaha","value":"93306-201X3"}],"codigoSimilarLista":[{"name":"FAG","value":"6201-2RSRC3"},{"name":"Nachi","value":"6201-2NSE"},{"name":"NSK","value":"6201-DDUC3"},{"name":"NTN","value":"6201-LLUC3"},{"name":"SKF","value":"6201-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) Moto Aqu\u00e1tica","ecommerceNome":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a)","ecommerceBusca":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) Moto Aqu\u00e1tica Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) 6201ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6201-ZZ","produtoModeloBusca":"6201ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"15806","produtoID":15806,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 20:44:20","catalogoID":32185,"produtoPeso":"0.0380","produtoMedida":"12x32x10","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a)","ecommerceDescricao":"Moto Aqu\u00e1tica","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda e Transmiss\u00e3o 6201-ZZ PPK","ecommerceSeoDescricao":"Rolamentos da Roda e Transmiss\u00e3o PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"roda de moto, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk, BIZ100, BIZ125, CG125, CG150, DREAM C100, NXR150, BROS,YBR","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"490\", \"348\", \"2818\", \"1648300\"]","codigoOriginal":"Honda:91014-KRM-840; Honda:91014-KSS-900; Honda:91051-GFP-902; Honda:96100-62010; Sea Doo:290932797; Suzuki:08113-62010; Suzuki:08133-62017; Toyota:9036312002; Yamaha:93306-201X3","codigoSimilar":"FAG:6201-2ZR; Nachi:6201-ZZE; SKF:6201-2Z","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","BIZ","CG","LETS II","NXR","POP","RM","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda dianteira\/traseira "],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda dianteira\/traseira "],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda BIZ 125 06>...","Honda CG 125 05>...","Honda CG 150 ","Honda LETS II 50 ","Honda NXR 150 ","Honda POP 100 ","Suzuki ADDRESS AE 100 ","Suzuki RM 80 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.92,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/15806.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15806.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15806.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6201-ZZ Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) Moto Aqu\u00e1tica PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6201-zz-ppk\/15806","aplicacao":"\/produto\/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz\/15806","modal":"\/modal\/rolamento-rigido-de-esferas-6201-zz-ppk\/15806"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91014-KRM-840"},{"name":"Honda","value":"91014-KSS-900"},{"name":"Honda","value":"91051-GFP-902"},{"name":"Honda","value":"96100-62010"},{"name":"Sea Doo","value":"290932797"},{"name":"Suzuki","value":"08113-62010"},{"name":"Suzuki","value":"08133-62017"},{"name":"Toyota","value":"9036312002"},{"name":"Yamaha","value":"93306-201X3"}],"codigoSimilarLista":[{"name":"FAG","value":"6201-2ZR"},{"name":"Nachi","value":"6201-ZZE"},{"name":"SKF","value":"6201-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160, Elite 125","ecommerceNome":"Rolamento de Roda Dianteira\/ Traseira para Yamaha","ecommerceBusca":"Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160, Elite 125 Rolamento de Roda Dianteira\/ Traseira para Yamaha 62022RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-2RSC3","produtoModeloBusca":"62022RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2818","produtoID":2818,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-14 14:40:59","catalogoID":32113,"produtoPeso":"0.0460","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Dianteira\/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250\/300","ecommerceDescricao":"YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160, Elite 125","ecommerceComplemento":"Rolamento Esquerdo do Comando Fazer 250, Lander e Tenere 250 - 93306252Y4","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6202-2RSC3 para Factor 125, Fazer 150 e CG125 PPK","ecommerceSeoDescricao":"O Rolamento 6202-2RSC3 PPK \u00e9 aplicado na roda da Factor 125, Fazer 150 e CG125. Rolamento PPK, confiabilidade e seguran\u00e7a em rolamento de roda para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6202-2RSC3, 6202-2RSC3, rolamento roda, rolamento CG125, rolamento Fazer 150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"2717\", \"1777\", \"16312\"]","codigoOriginal":"Honda:91004KZR601; Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020; Honda:96120-62020; Honda:96140-62020-10; Suzuki:08123-62027; Suzuki:08143-62027; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2RSRC3; Nachi:6202-2NSEC3; NSK:6202-DDUC3; NTN:6202-LLUC3; SKF:6202-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","Citycom","CRYPTON","Elite","FAZER","INTRUDER","KATANA","NX","NX-4","NXR","PCX","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda PCX 150 12>20","Honda PCX 160 22>...","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.85,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":8,"chave":7,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2818.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2818.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2818.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50147\/50147.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50148\/50148.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50149\/50149.jpg?version=7.73"},{"id":4,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53642\/53642.jpg?version=7.73"}],"produtoGaleriaTotal":4,"produtoBusca":"6202-2RSC3 Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160, Elite 125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818","aplicacao":"\/produto\/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-elite-125-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3\/2818","modal":"\/modal\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91004KZR601"},{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2RSRC3"},{"name":"Nachi","value":"6202-2NSEC3"},{"name":"NSK","value":"6202-DDUC3"},{"name":"NTN","value":"6202-LLUC3"},{"name":"SKF","value":"6202-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX","ecommerceNome":"Rolamento da Turbina para Jet Ski Kawasaki","ecommerceBusca":"Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX Rolamento da Turbina para Jet Ski Kawasaki 6202ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-ZZ","produtoModeloBusca":"6202ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2717","produtoID":2717,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 20:43:02","catalogoID":32111,"produtoPeso":"0.0460","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX","ecommerceDescricao":"Moto Aqu\u00e1tica 750, 900, 1100, STX","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Roda, Suspens\u00e3o e Transmiss\u00e3o 6202-ZZ PPK","ecommerceSeoDescricao":"Rolamentos PPK para moto para diversas aplica\u00e7\u00f5es, garantia de qualidade, seguran\u00e7a e durabilidade.","ecommerceSeoPalavrasChaves":"roda de moto, trasmiss\u00e3o, suspens\u00e3o, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647586\", \"2573\", \"448\", \"2710\"]","codigoOriginal":"Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020; Honda:96120-62020; Honda:96140-62020-10; Kawasaki:920453721; Suzuki:08123-62027; Suzuki:08143-62027; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2ZR; Nachi:6202-ZE; SKF:6202-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"1","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","CRYPTON","Elite","FAZER","INTRUDER","KATANA","NX","NX-4","NXR","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2717.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2717.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2717.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6202-ZZ Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717","aplicacao":"\/produto\/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz\/2717","modal":"\/modal\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Kawasaki","value":"920453721"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2ZR"},{"name":"Nachi","value":"6202-ZE"},{"name":"SKF","value":"6202-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira Honda BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400, PCX 150 \/ 160","ecommerceNome":"Rolamento de Roda Traseira Honda","ecommerceBusca":"Rolamento de Roda Traseira Honda BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400, PCX 150 \/ 160 Rolamento de Roda Traseira Honda 62032RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6203-2RSC3","produtoModeloBusca":"62032RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2573","produtoID":2573,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-16 17:35:57","catalogoID":32193,"produtoPeso":"0.0650","produtoMedida":"17x40x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Traseira Biz 100\/125, Bros 125\/150, PCX 150 \/ 160","ecommerceDescricao":"BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400, PCX 150 \/ 160","ecommerceComplemento":"Transmiss\u00e3o POP100, Dream100, BIZ C100\/125, Titan CG150\/160, Fan CG150\/160, Start CG160, Bros NXR150\/NXR160, Falcon NX400, Fourtrax 420 08>20 | Yamaha Crypton T105E, YBR125, Factor 125, XTZ125, YS250 Fazer, XTZ250 Lander | Flange da Coroa Roda Traseira Ninja 250\/300 | Roda Dianteira Suzuki Marauder","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Traseira 6203-2RSC3 PPK para Biz 100, 125","ecommerceSeoDescricao":"O Rolamento 6203-2RSC3 PPK \u00e9 indicado para roda traseira da Honda Biz 100 e 125, Bros 125 e 150. Rolamento PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, motoparts, rolamento, rolamento 6203-2RSC3, 6203-2RS, rolamento roda traseira, rolamento Biz, rolamento Bros, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2573\", \"1648367\", \"1648771\", \"1777\"]","codigoOriginal":"Dafra:9536203P6I; Honda:91004-HC0-003; Honda:91013-KPS-732; Honda:91015-KRM-840; Honda:91015-KSS-900; Honda:91051-KVK-902; Honda:91051K35V01; Honda:91053-MAY-003; Honda:96100-62030; Honda:96120-62030; Honda:96140-62030-10; Suzuki:08110-62030; Suzuki:08123-62037; Suzuki:08133-62037; Yamaha:93306-20335; Yamaha:93306-203XD; Yamaha:93306-203YG","codigoSimilar":"FAG:6203-2RSRC3; Nachi:6203-2NSEC3; NSK:6203-DDUC3; NTN:6203-LLUC3; SKF:6203-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Dafra","Honda","Kasinski","Sundown","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS V","AN","BIZ","C","CB","CBX","CG","COMET","DT","Elite","FAZER","Fourtrax","GSX","KANSAS","LETS II","MIRAGE","NX","NX-4","NXR","PCX","POP","WEB","XL","XLX","XR","XRE","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda ADDRESS V 100 ","Honda BIZ 100 ","Honda BIZ 125 ","Honda C 100 ","Honda CB 300 ","Honda CBX 200 ","Honda CBX 250 ","Honda CBX 750 90>94","Honda CG 125 05>...","Honda CG 150 ","Honda Elite 125 09>14","Honda Fourtrax 420 08>20","Honda GSX 750 ","Honda LETS II 50 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda PCX 150 12>20","Honda PCX 160 22>...","Honda POP 100 ","Honda XL 250 ","Honda XLX 250 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Kasinski COMET 250 ","Kasinski MIRAGE 250 ","Sundown WEB 100 ","Suzuki AN 650 ","Yamaha DT 200 ","Yamaha FAZER 250 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":2.79,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":10,"chave":9,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2573.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2573.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2573.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53643\/53643.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6203-2RSC3 Rolamento de Roda Traseira Honda BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400, PCX 150 \/ 160 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6203-2rsc3-ppk\/2573","aplicacao":"\/produto\/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-pcx-150--160-rolamento-de-roda-traseira-honda-62032rsc3\/2573","modal":"\/modal\/rolamento-rigido-de-esferas-6203-2rsc3-ppk\/2573"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536203P6I"},{"name":"Honda","value":"91004-HC0-003"},{"name":"Honda","value":"91013-KPS-732"},{"name":"Honda","value":"91015-KRM-840"},{"name":"Honda","value":"91015-KSS-900"},{"name":"Honda","value":"91051-KVK-902"},{"name":"Honda","value":"91051K35V01"},{"name":"Honda","value":"91053-MAY-003"},{"name":"Honda","value":"96100-62030"},{"name":"Honda","value":"96120-62030"},{"name":"Honda","value":"96140-62030-10"},{"name":"Suzuki","value":"08110-62030"},{"name":"Suzuki","value":"08123-62037"},{"name":"Suzuki","value":"08133-62037"},{"name":"Yamaha","value":"93306-20335"},{"name":"Yamaha","value":"93306-203XD"},{"name":"Yamaha","value":"93306-203YG"}],"codigoSimilarLista":[{"name":"FAG","value":"6203-2RSRC3"},{"name":"Nachi","value":"6203-2NSEC3"},{"name":"NSK","value":"6203-DDUC3"},{"name":"NTN","value":"6203-LLUC3"},{"name":"SKF","value":"6203-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Transmiss\u00e3o para Honda POP100, Dream 100, BIZ 100 \/ 125, Titan CG 150 \/ 160, Fan CG 150 \/ 160, Bros NXR 150 \/ 160, CG160 Start, Falcon NX400, Elite 125 | Yamaha T105E Crypton, YBR 125, Factor 125, XTZ125, Fazer YS250, Lander XTZ 250","ecommerceNome":"Rolamento da Transmiss\u00e3o para Honda","ecommerceBusca":"Rolamento da Transmiss\u00e3o para Honda POP100, Dream 100, BIZ 100 \/ 125, Titan CG 150 \/ 160, Fan CG 150 \/ 160, Bros NXR 150 \/ 160, CG160 Start, Falcon NX400, Elite 125 | Yamaha T105E Crypton, YBR 125, Factor 125, XTZ125, Fazer YS250, Lander XTZ 250 Rolamento da Transmiss\u00e3o para Honda 6203ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6203-ZZ","produtoModeloBusca":"6203ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"14801","produtoID":14801,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-13 16:34:21","catalogoID":32148,"produtoPeso":"0.0650","produtoMedida":"17x40x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Transmiss\u00e3o Pop 100, Biz 100\/125, Titan 150\/160, Bros 150\/160, Elite 125","ecommerceDescricao":"POP100, Dream 100, BIZ 100 \/ 125, Titan CG 150 \/ 160, Fan CG 150 \/ 160, Bros NXR 150 \/ 160, CG160 Start, Falcon NX400, Elite 125 | Yamaha T105E Crypton, YBR 125, Factor 125, XTZ125, Fazer YS250, Lander XTZ 250","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2573\", \"1648367\", \"1648771\", \"1777\"]","codigoOriginal":"Dafra:9536203P6I; Honda:91013-KPS-732; Honda:91015-KRM-840; Honda:91015-KSS-900; Honda:91051-KVK-902; Honda:91051K35V01; Honda:91053-MAY-003; Honda:96100-62030; Honda:961006203000; Honda:96120-62030; Honda:96140-62030-10; Suzuki:08110-62030; Suzuki:08123-62037; Suzuki:08133-62037; Yamaha:93306-20335; Yamaha:93306-203XD; Yamaha:93306-203YG","codigoSimilar":"FAG:6203-2ZR; Nachi:6203-ZZE; SKF:6203-2Z","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Dafra","Honda","Kasinski","Sundown","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS V","AN","BIZ","C","CB","CBX","CG","COMET","DT","FAZER","GSX","KANSAS","LETS II","MIRAGE","NR","NX","NX-4","NXR","POP","WEB","XL","XLX","XR","XRE","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda ADDRESS V 100 ","Honda BIZ 100 ","Honda BIZ 125 ","Honda C 100 ","Honda CB 300 ","Honda CBX 200 ","Honda CBX 250 ","Honda CBX 750 90>94","Honda CG 125 05>...","Honda CG 150 ","Honda GSX 750 ","Honda LETS II 50 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda POP 100 ","Honda XL 250 ","Honda XLX 250 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Kasinski COMET 250 ","Kasinski MIRAGE 250 ","Sundown WEB 100 ","Suzuki AN 650 ","Yamaha DT 200 ","Yamaha FAZER 250 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":3.44,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14801.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14801.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14801.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6203-ZZ Rolamento da Transmiss\u00e3o para Honda POP100, Dream 100, BIZ 100 \/ 125, Titan CG 150 \/ 160, Fan CG 150 \/ 160, Bros NXR 150 \/ 160, CG160 Start, Falcon NX400, Elite 125 | Yamaha T105E Crypton, YBR 125, Factor 125, XTZ125, Fazer YS250, Lander XTZ 250 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6203-zz-ppk\/14801","aplicacao":"\/produto\/rolamento-da-transmisso-para-honda-pop100-dream-100-biz-100--125-titan-cg-150--160-fan-cg-150--160-bros-nxr-150--160-cg160-start-falcon-nx400-elite-125--yamaha-t105e-crypton-ybr-125-factor-125-xtz125-fazer-ys250-lander-xtz-250-rolamento-da-transmisso-para-honda-6203zz\/14801","modal":"\/modal\/rolamento-rigido-de-esferas-6203-zz-ppk\/14801"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536203P6I"},{"name":"Honda","value":"91013-KPS-732"},{"name":"Honda","value":"91015-KRM-840"},{"name":"Honda","value":"91015-KSS-900"},{"name":"Honda","value":"91051-KVK-902"},{"name":"Honda","value":"91051K35V01"},{"name":"Honda","value":"91053-MAY-003"},{"name":"Honda","value":"96100-62030"},{"name":"Honda","value":"961006203000"},{"name":"Honda","value":"96120-62030"},{"name":"Honda","value":"96140-62030-10"},{"name":"Suzuki","value":"08110-62030"},{"name":"Suzuki","value":"08123-62037"},{"name":"Suzuki","value":"08133-62037"},{"name":"Yamaha","value":"93306-20335"},{"name":"Yamaha","value":"93306-203XD"},{"name":"Yamaha","value":"93306-203YG"}],"codigoSimilarLista":[{"name":"FAG","value":"6203-2ZR"},{"name":"Nachi","value":"6203-ZZE"},{"name":"SKF","value":"6203-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda para Yamaha YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister, Carter Esquerdo PCX 150 12>20.","ecommerceNome":"Rolamento de Roda para Yamaha","ecommerceBusca":"Rolamento de Roda para Yamaha YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister, Carter Esquerdo PCX 150 12>20. Rolamento de Roda para Yamaha 62042RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6204-2RSC3","produtoModeloBusca":"62042RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"448","produtoID":448,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-08 13:12:40","catalogoID":32826,"produtoPeso":"0.1040","produtoMedida":"20x47x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Yamaha Fazer YS 250, Factor 150 | Roda Dianteira CG125 Titan at\u00e9 2000","ecommerceDescricao":"YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister, Carter Esquerdo PCX 150 12>20.","ecommerceComplemento":"Suspens\u00e3o Traseira CB300R","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6204-2RSC3 para Fazer YS250  | Rolamento PPK 6204","ecommerceSeoDescricao":"O Rolamento 6204-2RSC3 PPK para roda \u00e9 produzido com tratamento te\u0301rmico que proporcionando alta durabilidade. Rolamento PPK, confiabilidade em rolamento de roda de moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6204-2RSC3, 6204-2RSC3, rolamento PPK 6204, rolamento roda, rolamento Fazer YS250, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2710\", \"2848\", \"1777\", \"348\"]","codigoOriginal":"Honda:91013-MCG-901; Honda:91013-MCG-902; Honda:91052-BEM-003; Honda:96150-62040-10; Suzuki:08130-62047","codigoSimilar":"FAG:6204-2RSRC3; Nachi:6204-2NSEC3; NSK:6204-DDUC3; NTN:6204-LLUC3; SKF:6204-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"3","aplicacaoMoto":["Cubo de roda","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB","CBX","NX-4","PCX","XLX","XRE"],"aplicacaoMotoGrupo":["Motor","Roda"],"aplicacaoMotoSubGrupo":["Roda traseira","Tampa do motor"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda traseira","Tampa do motor, Motor, Tampa do motor"],"aplicacaoMotoModelosCompleto":["Honda CB 450 89>92","Honda CBX 250 ","Honda CBX 750 90>94","Honda NX-4 400 ","Honda PCX 150 12>20","Honda XLX 250 ","Honda XLX 350 ","Honda XRE 300 "],"produtoPrecoConsumidor":3.82,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/448.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/448.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/448.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53644\/53644.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6204-2RSC3 Rolamento de Roda para Yamaha YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister, Carter Esquerdo PCX 150 12>20. PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6204-2rsc3-ppk\/448","aplicacao":"\/produto\/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister-carter-esquerdo-pcx-150-1220-rolamento-de-roda-para-yamaha-62042rsc3\/448","modal":"\/modal\/rolamento-rigido-de-esferas-6204-2rsc3-ppk\/448"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91013-MCG-901"},{"name":"Honda","value":"91013-MCG-902"},{"name":"Honda","value":"91052-BEM-003"},{"name":"Honda","value":"96150-62040-10"},{"name":"Suzuki","value":"08130-62047"}],"codigoSimilarLista":[{"name":"FAG","value":"6204-2RSRC3"},{"name":"Nachi","value":"6204-2NSEC3"},{"name":"NSK","value":"6204-DDUC3"},{"name":"NTN","value":"6204-LLUC3"},{"name":"SKF","value":"6204-2RS1C3"}]}],"sort":{"name":"C\u00f3digo A-Z"},"facetsDistribution":{"aplicacaoMoto":{"buckets":[{"val":"Balan\u00e7a","seo":"balana","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Balan\u00e7a\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Balan\u00e7a\"","active":0,"first":1,"last":0},{"val":"Caixa de dire\u00e7\u00e3o","seo":"caixa-de-direo","count":21,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Caixa de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda","seo":"cubo-de-roda","count":23,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Cubo de roda\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Cubo de roda\"","active":0,"first":0,"last":0},{"val":"Embreagem central","seo":"embreagem-central","count":15,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Embreagem central\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Embreagem central\"","active":0,"first":0,"last":0},{"val":"Garfo","seo":"garfo","count":6,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Garfo\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Garfo\"","active":0,"first":0,"last":0},{"val":"Guia da corrente","seo":"guia-da-corrente","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Guia da corrente\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Guia da corrente\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link","seo":"pr-link","count":4,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Pr\u00f3-link\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Pr\u00f3-link\"","active":0,"first":0,"last":0},{"val":"Tampa do motor","seo":"tampa-do-motor","count":10,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Tampa do motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Virabrequim","seo":"virabrequim","count":18,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"Virabrequim\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas","seo":"rvore-de-manivelas","count":6,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore de manivelas\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"\u00c1rvore de manivelas\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria","seo":"rvore-primria","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"\u00c1rvore prim\u00e1ria\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria","seo":"rvore-secundria","count":12,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMoto:\"\u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":1}]},"aplicacaoMotoCompleto":{"buckets":[{"val":"Balan\u00e7a, Suspens\u00e3o, Garfo","seo":"balana-suspenso-garfo","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Garfo\"","active":0,"first":1,"last":0},{"val":"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"balana-suspenso-suspenso-traseira","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"caixa-de-direo-suspenso-coluna-de-direo","count":20,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira","seo":"cubo-de-roda-roda-roda-dianteira","count":17,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda dianteira\/traseira ","seo":"cubo-de-roda-roda-roda-dianteiratraseira-","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda dianteira\/traseira \"","active":0,"first":0,"last":0},{"val":"Cubo de roda, Roda, Roda traseira","seo":"cubo-de-roda-roda-roda-traseira","count":18,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Cubo de roda, Roda, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Motor, Embreagem","seo":"embreagem-central-motor-embreagem","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Embreagem central, Motor, Embreagem\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, C\u00e2mbio","seo":"embreagem-central-transmisso-cmbio","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Eixo de comando","seo":"embreagem-central-transmisso-eixo-de-comando","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Eixo de comando\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Embreagem","seo":"embreagem-central-transmisso-embreagem","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Embreagem\"","active":0,"first":0,"last":0},{"val":"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria","seo":"embreagem-central-transmisso-transmisso-secundria","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Embreagem central, Transmiss\u00e3o, Transmiss\u00e3o secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","seo":"garfo-suspenso-coluna-de-direo","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Garfo","seo":"garfo-suspenso-garfo","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Garfo\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Garfo\"","active":0,"first":0,"last":0},{"val":"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"garfo-suspenso-suspenso-traseira","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Garfo, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Guia da corrente, Transmiss\u00e3o, Corrente","seo":"guia-da-corrente-transmisso-corrente","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Guia da corrente, Transmiss\u00e3o, Corrente\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Guia da corrente, Transmiss\u00e3o, Corrente\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link, Suspens\u00e3o, Roda traseira","seo":"pr-link-suspenso-roda-traseira","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Roda traseira\"","active":0,"first":0,"last":0},{"val":"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira","seo":"pr-link-suspenso-suspenso-traseira","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Carca\u00e7a do motor","seo":"tampa-do-motor-motor-carcaa-do-motor","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Tampa do motor, Motor, Carca\u00e7a do motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Motor","seo":"tampa-do-motor-motor-motor","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Tampa do motor, Motor, Motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Motor, Tampa do motor","seo":"tampa-do-motor-motor-tampa-do-motor","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Tampa do motor, Motor, Tampa do motor\"","active":0,"first":0,"last":0},{"val":"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria","seo":"tampa-do-motor-transmisso-rvore-secundria","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Tampa do motor, Transmiss\u00e3o, \u00c1rvore secund\u00e1ria\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Conjunto m\u00f3vel","seo":"virabrequim-motor-conjunto-mvel","count":10,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Virabrequim, Motor, Conjunto m\u00f3vel\"","active":0,"first":0,"last":0},{"val":"Virabrequim, Motor, Virabrequim","seo":"virabrequim-motor-virabrequim","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"Virabrequim, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote","seo":"rvore-de-manivelas-motor-cabeote","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Cabe\u00e7ote\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Motor, Virabrequim","seo":"rvore-de-manivelas-motor-virabrequim","count":5,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Motor, Virabrequim\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio","seo":"rvore-de-manivelas-transmisso-cmbio","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore de manivelas, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote","seo":"rvore-primria-motor-cabeote","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Motor, Cabe\u00e7ote\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"rvore-primria-transmisso-caixa-de-mudanas","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal","seo":"rvore-primria-transmisso-rvore-principal","count":1,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore prim\u00e1ria, Transmiss\u00e3o, \u00c1rvore principal\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","seo":"rvore-secundria-transmisso-caixa-de-mudanas","count":10,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio","seo":"rvore-secundria-transmisso-cmbio","count":3,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, C\u00e2mbio\"","active":0,"first":0,"last":0},{"val":"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando","seo":"rvore-secundria-transmisso-eixo-de-comando","count":2,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoCompleto:\"\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Eixo de comando\"","active":0,"first":0,"last":1}]},"aplicacaoMotoGrupo":{"buckets":[{"val":"Motor","seo":"motor","count":33,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Motor\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoGrupo:\"Motor\"","active":0,"first":1,"last":0},{"val":"Roda","seo":"roda","count":27,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Roda\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoGrupo:\"Roda\"","active":0,"first":0,"last":0},{"val":"Suspens\u00e3o","seo":"suspenso","count":31,"query_string":"sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\"&pagina=4&offset=36&website=ppkrolemak&enviroment=production&database=marketformation&facets=1","fq":"aplicacaoMotoGrupo:\"Suspens\u00e3o\"","href":"?sort=produtoModelo:asc&sortName=C\u00f3digo A-Z&filter=produtoEmbalagem:\"Caixinha Individual\" AND aplicacaoMotoGrupo:\"Su<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


   <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N3JCF2F');</script>
  <!-- End Google Tag Manager -->
  
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <meta name="robots" content="index, follow" /> 
  
  
    <meta name="google-site-verification" content="8UM-KkvdjcrzkqgmganuI7FgkKkUuVtqA41TiSWj0n0" />
  
  
  
  

  
      <script src="https://www.marketformation.com.br/cdn/vendor/jquery/jquery.min.3.6.0.js"></script>
    
      <script src="https://www.marketformation.com.br/cdn/vendor/bootstrap5/bootstrap.bundle.min.js"></script>
  
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/htmx.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/_hyperscript.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/client-side-templates.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/mustache-js/mustache.4.2.0.js"></script>
 
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/component.min.js" defer></script>
      <script src="https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js" defer></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/alpine3.min.js" defer></script>
   
    <script src="https://www.google.com/recaptcha/api.js?render=6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I"></script>
    <style type="text/css">
      .grecaptcha-badge {
        z-index: 999;
        width: 60px !important;
        height: 60px !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        left: 4px !important;
        display:none !important;
      }
      .grecaptcha-badge:hover {
        width: 256px !important;
      }
    </style>
   
  
    
    <link href="https://www.marketformation.com.br/cdn/vendor/daisyui/full.css" rel="stylesheet" type="text/css" />
    
      <link href="https://www.marketformation.com.br/cdn/vendor/tailwind/tailwind.2.2.min.css" rel="stylesheet" type="text/css"  />
    
    
    

      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    
    
  
  
    <script src="https://www.marketformation.com.br/cdn/vendor/Mask-Plugin/dist/jquery.mask.min.js" defer></script>
    <script>
    $(document).ready(function(){
      $('.date').mask('00/00/0000');
      $('.time').mask('00:00:00');
      $('.date_time').mask('00/00/0000 00:00:00');
      $('.cep').mask('00000-000');
      $('.phone').mask('0000-0000');
      $('.phone_with_ddd').mask('(00) 00000-0000');
      $('.phone_full').mask('+00 (00) 00000-0000');
      $('.phone_us').mask('(000) 000-0000');
      $('.mixed').mask('AAA 000-S0S');
      $('.cpf').mask('000.000.000-00', {reverse: true});
      $('.cnpj').mask('00.000.000/0000-00', {reverse: true});
      $('.money').mask('000.000.000.000.000,00', {reverse: true});
      $('.money2').mask("#.##0,00", {reverse: true});
      $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
        translation: {
          'Z': {
            pattern: /[0-9]/, optional: true
          }
        }
      });
      $('.ip_address').mask('099.099.099.099');
      $('.percent').mask('##0,00%', {reverse: true});
      $('.clear-if-not-match').mask("00/00/0000", {clearIfNotMatch: true});
      $('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});
      $('.fallback').mask("00r00r0000", {
          translation: {
            'r': {
              pattern: /[\/]/,
              fallback: '/'
            },
            placeholder: "__/__/____"
          }
        });
      $('.selectonfocus').mask("00/00/0000", {selectOnFocus: true});
    });
    </script>   
  
       <script src="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.js" defer></script>
       <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.css">
       <script type="text/javascript">
            $(function () {
                $('.floating-wpp').floatingWhatsApp({
                    phone: '551120900644',
                    popupMessage: 'Bem vindo, em que posso ajudar ?',
                    showPopup: false,
                    position: 'right',
                    autoOpen: false,
                    //autoOpenTimer: 4000,
                    message: '',
                    headerColor: '#000000',
                    headerTitle: 'PPK Motopeças | Importadora e Distribuidora de Motopeças',
                    //size: '24px',
                });
            });
        </script>
  
       <script src="https://www.marketformation.com.br/cdn/vendor/highlight/highlight.js" defer></script>
       <script type="text/javascript">
        htmx.on("htmx:afterRequest", function(evt) {
          //console.log("Request Done!");
          var $query   = $(".search-helper");
          var $content = $(".contentHelperHighlight");
          var searchTerm = $query.val();
            
          $content.removeHighlight();
        
          if ( searchTerm ) {
            $content.highlight( searchTerm );
          }
        });
      </script>
    
   
    
    <script src="https://www.marketformation.com.br/cdn/vendor/jquery-zoom/jquery.zoom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        function isMobile() {
          return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        if (!isMobile()) {
          setTimeout( function() 
          {
            $('#main-picture').zoom({
              magnify: 1.2,
              duration: 200,
              on: 'grab'
            });
          }, 100);
        }else{
          $('#zoom-caption').hide();
        }
      });
    </script>
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        //console.log("Request Done!");
        $('#main-picture').zoom({
          magnify: 1.2,
          duration: 200,
          on: 'grab'
        });
      });
    </script>
   
      <script src="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.js"></script>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.css"/>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.theme.default.min.css"/>
    
    <script src="https://www.marketformation.com.br/cdn/vendor/lazy.load/lazyload.js"></script>
    <script type="text/javascript">
      $(function() {
        $("img.lazyload").lazyload({
             effect: "fadeIn",
             effectspeed: 500,
             load : function()
             {
                // Callback here
             }
           });
           
        $("button.changeImg").click(function(){
          var div = $(this).closest("div.relative"), //Div onde estão as imagens
              active = div.find("img.active");       //Imagem que está sendo mostrada no momento
          active.next("img").trigger('appear');      //Carregar a imagem pelo trigger do LazyLoad
        });
      });
    </script>
    
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        $("html,body").trigger("scroll");
      });
    </script>
    
    
    <script type="text/javascript">
      $(document).ready(function ($) {
          var url = window.location.href;
          var activePage = url;
          $('#services a').each(function () {
              var linkPage = this.href;
      
              if (activePage == linkPage) {
                  $(this).addClass("active");
              }
          });
      });
    </script>
  
    <link rel="shortcut icon" href="/favicon/ppkrolemak.png" />
  
  

    <script src="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.js"></script>
    <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.min.css"/>
      
    
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.js" integrity="sha512-pF+DNRwavWMukUv/LyzDyDMn8U2uvqYQdJN0Zvilr6DDo/56xPDZdDoyPDYZRSL4aOKO/FGKXTpzDyQJ8je8Qw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.bootstrap4.min.css" integrity="sha512-MMojOrCQrqLg4Iarid2YMYyZ7pzjPeXKRvhW9nZqLo6kPBBTuvNET9DBVWptAo/Q20Fy11EIHM5ig4WlIrJfQw==" crossorigin="anonymous" referrerpolicy="no-referrer" />-->



<link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/mf/default.css"/>

<!-- Loading Head Website -->
<!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
<!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
<!--<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,776;1,600;1,800&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


<style>
  body{ font-family: 'Exo', sans-serif; }
 .bg-gradient {
  background-color: #F1F1F1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f8f8f8'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 75)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-259.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.2' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;}
</style>    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    
    <!-- Open Graph Protocol -->
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://www.yourwebsite.com/"/>
    <meta property="og:site_name" content="Your Website Name"/>

    <!-- Optional: Define a locale for your content -->
    <meta property="og:locale" content="pt_BR" />
    
  </head>
 <body x-cloak x-data="{ cartOpen: false , menuOpen: false, filtersOpen: false, menu_underline: '' }" class="text-gray-700">
     <div class="bg-gradient h-full">
       <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- Loading Header Website -->
<div class="h-0.5 relative overflow-hidden">
  <div class="w-full h-full bg-gray-100 absolute"></div>
  <div id="bar" class="h-full bg-yellow-500 rounded-full relative w-0"></div>
</div>

<div class=" bg-red-700" id="header"> 
<!------------------------------------------------------------------------------------------
TOP HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
<div class="container lg:px-5 px-2 md:pt-2 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-center lg:space-x-10 relative h-8">
  
  <!--Menu Fast-->
  <div class="flex">
        <div class="grid grid-flow-col items-center divide-x border-red-500 divide-red-500">
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/representantes" target="_parent"><i class="fas fa-users"></i> Representantes </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/contato" target="_parent"><i class="fas fa-id-card"></i> Contato </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/quem-somos" target="_parent"><i class="fas fa-briefcase"></i> Quem somos </a>
          </div>
      </div>
  </div>
  
  <!--Menu Fast-->
  <!--Contact-->
  <div class="flex absolute right-0 pr-5">
      <div class="text-xs transition duration-200 text-gray-100 hover:underline">
        <span>
          <a target="_blank" href="https://api.whatsapp.com/send?phone=551120900644">
          <i class="fab fa-whatsapp fa-lg fa-fw"></i> (11) 2090-0644 / 2090-0640</a>
          </span>
      </div>
  </div>
  
</div>
</div>


<!------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
  <div class="container lg:px-5 px-2 py-4 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-between lg:space-x-10">
   
  <!--Logotipo-->
  <div class="flex">
    <a href="/motopecas">
      <span class="sr-only">PPK Motoparts</span>
      <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="ppk motoparts logo 2">
    </a>
  </div>
  
  <!--Search-->
  <div class="flex lg:flex-1">
      <div class="w-full">
        <form id="search-form" action="/busca" method="GET" class="w-full">
          <div class="flex">
            <div class="relative w-full">
              
            	<input input id="search" autocomplete="off" name="q" value="" autofocus
            	       class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-lg px-3 relative focus:outline-none focus:border-transparent">
          	 </div>
        	   
        		<div class="flex -mr-px">
        			<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
        			  <i class="fas fa-search"></i>
        			</button>
        		</div>
        		
            </div>
        </form>
        
      </div>
  </div>
  
  <!--Services-->
  <div class="flex" id="services">
    <div class="grid grid-flow-col items-center justify-between space-x-1 divide-x border-red-500 divide-red-500">
     
       <div class="flex">
        <a href="/minha-conta" class="flex items-center justify-between space-x-1 transition duration-200 text-gray-100 hover:underline transition duration-300">
        <div class="flex ml-2">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
            </svg>
         </div>
         <div class="flex">
           <span class="leading-none text-xs">Fazer <br> Login</span>
         </div>
         </a>
       </div> 
    
     
     
     
    </div>
  </div>
</div>
</div>

<!------------------------------------------------------------------------------
Mobile
------------------------------------------------------------------------------------------>
<div class="lg:hidden">
    
  
  <div class="container mx-auto flex items-center justify-between py-3 space-x-4">
  
    <!--Menu-->
    <div class="flex">
      <button @click="menuOpen = !menuOpen" type="button" class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>
      <div class="absolute top-0 inset-x-0 p-2 h-screen w-10/12 transition-all duration-100 transform origin-top-left z-50" x-show="menuOpen">
        <div class="rounded-lg shadow-m bg-opacity-40 border-b border-text-white bg-green-800 border-b border-green-900 bg-opacity-100 ring-1 ring-black ring-opacity-5 overflow-hidden" @click.away=" menuOpen = false">
          <div class="px-5 pt-4 flex items-center justify-between">
            <div>
              <a href="/motopecas"><img class="h-6 w-auto" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" alt="PPK Motoparts" title="PPK Motoparts"></a>
            </div>
            <div class="-mr-2">
              <button @click="menuOpen = !menuOpen" type="button" class="rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500">
                <svg class="h-8 w-8 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
              </button>
            </div>
          </div>
          <div class="px-2 pt-2 pb-3 space-y-1">
              <a href="/busca" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Todos os Produtos</div>
                  </div>
              </a>
              <a href="/categorias" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Categorias</div>
                  </div>
              </a>
          </div>
        </div>
      </div>
    </div>
      
    <!--Logotipo-->
    <div class="flex flex-1">
      <a href="/motopecas">
        <span class="sr-only">PPK Motoparts</span>
        <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="PPK Motoparts">
      </a>
    </div>
    
     <!--User-->
    <div class="flex">
       <a href="/minha-conta" 
          class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor" stroke="">
          <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
        </svg>
      </a>
    </div> 
    
    <!--cart-->
    
  </div>
  
  <!--Search-->
  <div class="container mx-auto flex items-center justify-between">
  <div class="px-3 mb-3 w-full">
    <div class="relative ">
      <form action="/busca" method="GET">
    	<div class="flex">   
        	<div class="relative w-full">
        	   <input id="search-mobile" autocomplete="off" name="q" value="" autofocus
                	  class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-sm px-3 relative focus:outline-none focus:border-transparent">
        	</div>
        	<div class="flex -mr-px">
            	<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
            		<i class="fas fa-search"></i>
            	</button>
        	</div>
        </div>
    	</form>
    </div>
  </div>
  </div>

</div>

</div>
       <div class="bg-green-800 border-b border-green-900" id="menu">

<div hx-ext="client-side-templates">

    <div 
         hx-get="https://www.marketformation.com.br/meili/menu/categories/?filter=segmentoID:6&sort=categoriaOrdem%20Asc"
         hx-trigger="load"
         hx-swap="innerHTML"
         hx-target="#response-menu-ppkrolemak"
         mustache-template="menu-ppkrolemak"
    >
    </div>
    
    <template id ="menu-ppkrolemak">
        <div class="flex" x-data="{ sortModelo: new URLSearchParams(document.location.search) }">
           <div class="flex items-center flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 -ml-6">
              {{#rows}} 
                 <a title="{{categoriaNome}}" 
                    :href="sortModelo.has('sort') || sortModelo.has('sortName') 
                    ? `/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}&sort=${sortModelo.get('sort')}&sortName=${sortModelo.get('sortName')}`
                    : '/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}'" class="pl-6 py-1 text-sm font-semibold uppercase font-extrabold text-white hover:text-green-200 transition duration-300">{{categoriaNome}}</a>
              {{/rows}}
           </div>
        </div>
    </template>
</div>


<div class="hidden lg:block">
    <div class="container lg:px-5 px-2 mx-auto flex justify-left content-center items-stretch py-2">
        <div class="flex flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 h-7">
           
            <div id="response-menu-ppkrolemak"></div>
            
            <!-- Carteira Clientes -->
        </div>
    </div>
</div>
 

















</div>
                     <div class="mx-auto container px-2 my-1 min-h-container lg:px-5" x-data="{display: '', source: 'showcase', showDetail: false, showApplication: false }" 
x-init="0 > 0 ? display='list' : display='grid' ">

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(73)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Honda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Honda <span class="ml-1 text-xs">(77)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(40)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(33)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/subgroup');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/motorcycle');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;MAK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(30)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;MAK M&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;MAK M3&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M3 <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;Mak Automotive&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mak Automotive <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;PPK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(93)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(127)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
        
      </ul>
   </nav>
  </div>
</div><!--- Filters Mobile ---->

<div class="grid grid-cols-6 gap-4">
    <!------- #Filtros  ------->
    <div class="hidden lg:block">
  <nav class="flex-1 max-h-full overflow-y-hidden">
    <ul class="max-h-full pr-1 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
    
    
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND categoriaNome:&quot;Caixa de Direção&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(73)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND categoriaNome:&quot;Virabrequim&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Honda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Honda <span class="ml-1 text-xs">(77)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(29)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(40)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterModels: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterModels=!showCollapseFilterModels">
        <span class="font-medium text-lg font-bold">Modelos</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterModels" x-show="showCollapseFilterModels">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;ADDRESS AE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS AE <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;ADDRESS V&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS V <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;AN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> AN <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;BANDIT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BANDIT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;BIZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;BIZ C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ C <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;BURGMAN&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BURGMAN <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;C&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> C <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CB <span class="ml-1 text-xs">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CBX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBX <span class="ml-1 text-xs">(30)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CG <span class="ml-1 text-xs">(22)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;COMET&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> COMET <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CRF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRF <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CRYPTON&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRYPTON <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;CTX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CTX <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;Citycom&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Citycom <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;DL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DL <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;DRZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DRZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;DT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DT <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;Elite&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Elite <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;FAZER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> FAZER <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;Fourtrax&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fourtrax <span class="ml-1 text-xs">(14)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;GS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GS <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;GSR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;GSX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSX <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;INTRUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> INTRUDER <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;KANSAS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KANSAS <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;KATANA&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KATANA <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;LETS II&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LETS II <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;LT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;M&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> M <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;MARAUDER&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MARAUDER <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;MIRAGE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MIRAGE <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;Mobylette&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mobylette <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;N&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> N <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;NEO AT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NEO AT <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;NMAX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NMAX <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;NR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;NX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;NX-4&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX-4 <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;NXR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NXR <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;PCX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PCX <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;POP&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> POP <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;RD&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RD <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;RDZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RDZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;RM&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RM <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;RMX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RMX <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;RX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;TT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> TT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;VT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> VT <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;WEB&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WEB <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;WIND&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WIND <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XL&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XLR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLR <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XLS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLS <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XLX&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLX <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XR <span class="ml-1 text-xs">(18)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XRE&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XRE <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XT&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XT <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;XTZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XTZ <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;YBR&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YBR <span class="ml-1 text-xs">(14)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;YS&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YS <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;YZ&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;YZF&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YZF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoModelos:&quot;ZIG&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ZIG <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(33)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(31)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/application');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;MAK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(30)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;MAK M&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;MAK M3&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK M3 <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;Mak Automotive&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Mak Automotive <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot; AND produtoMarca:&quot;PPK&quot;" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(93)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(127)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
      
    </ul>
  </nav>
</div>    <!------- /Filtros  ------->
    
    <div hx-ext="client-side-templates" class="col-span-6 lg:col-span-5">
      
        <!------ #Top ------>
        <div class="py-2 mt-1">
        <!---------- #Top ---------->
<div class="flex flex-col md:flex-row justify-between md:items-center">
  <div class="">
    <h1 class="text-base md:text-2xl font-bold text-gray-700">
              <span class="font-semibold">Lista de Produtos</span>
    </h1>
    <span class="text-sm">Mostrando <b>37</b> até <b>48</b> de um total de <b>127</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('sort=produtoModelo:asc&amp;sortName=C%C3%B3digo%20A-Z&amp;filter=produtoEmbalagem:%22Caixinha%20Individual%22&amp;pagina=4&amp;offset=36'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=3&amp;offset=24">
          <i class="fas fa-angle-left"></i>
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 4 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 4 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 4 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 4 }">
          4
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 4 }">
          5
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=5&amp;offset=48">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
        
        <!-------- #Produtos -------->
        <div id="productsDisplay" class="grid grid-flow-row mt-3 contentSearchHighlight" :class="{'grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-1 sm:gap-3': display === 'grid', 'gap-2': display === 'list'}">
  <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1650254" name="product_id" value="1650254"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1650254 > img').length-1;">
        <a id="gallery_1650254" href="/produto/rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-suzuki-rmx250-rm250-dzr400e--pedal-de-freio-ktm-rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-6082rs/1650254" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1650254.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-suzuki-rmx250-rm250-dzr400e--pedal-de-freio-ktm-rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-6082rs/1650254" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1650254.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-suzuki-rmx250-rm250-dzr400e--pedal-de-freio-ktm-rolamento-para-guiar-e-alinhar-a-corrente-de-transmisso-6082rs/1650254 class="" title="
                Rolamento para Corrente de Transmissão Suzuki RMX250, RM250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">608-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento para Corrente de Transmissão Suzuki RMX250, RM250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_15945" name="product_id" value="15945"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_15945 > img').length-1;">
        <a id="gallery_15945" href="/produto/rolamento-do-cmbio-honda-cbx-250-twister-0108-nx-400-falcon-pcx-160-xr-250-tornado-0108---lado-pinho--yamaha-ys-250-fazer-0610-rolamento-do-cmbio-honda-62222rs/15945" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15945.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-cmbio-honda-cbx-250-twister-0108-nx-400-falcon-pcx-160-xr-250-tornado-0108---lado-pinho--yamaha-ys-250-fazer-0610-rolamento-do-cmbio-honda-62222rs/15945" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15945.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-cmbio-honda-cbx-250-twister-0108-nx-400-falcon-pcx-160-xr-250-tornado-0108---lado-pinho--yamaha-ys-250-fazer-0610-rolamento-do-cmbio-honda-62222rs/15945 class="" title="
                Rolamento do Câmbio CBX 250 Twister, XR 250 Tornado 01&gt;08, PCX 160, Fazer YS 250 06&gt;10
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">62/22-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Câmbio CBX 250 Twister, XR 250 Tornado 01&gt;08, PCX 160, Fazer YS 250 06&gt;10
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_15945']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_3047" name="product_id" value="3047"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_3047 > img').length-1;">
        <a id="gallery_3047" href="/produto/rolamento-da-coroa-para-bmw-s1000r-xr--virabrequim-ld-esquerdo-cg-125-9500-xlr-125-9702-rolamento-da-coroa-para-bmw-6228rs920451207/3047" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/3047.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-coroa-para-bmw-s1000r-xr--virabrequim-ld-esquerdo-cg-125-9500-xlr-125-9702-rolamento-da-coroa-para-bmw-6228rs920451207/3047" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/3047.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-coroa-para-bmw-s1000r-xr--virabrequim-ld-esquerdo-cg-125-9500-xlr-125-9702-rolamento-da-coroa-para-bmw-6228rs920451207/3047 class="" title="
                Rolamento da Coroa para BMW S1000R, XR
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">62/28-RS (920451207)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Coroa para BMW S1000R, XR
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1649648" name="product_id" value="1649648"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1649648 > img').length-1;">
        <a id="gallery_1649648" href="/produto/rolamento-da-coroa-para-suzuki-hayabusa1300-v-strom-rolamento-da-coroa-para-suzuki-62322rsc3/1649648" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1649648.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-coroa-para-suzuki-hayabusa1300-v-strom-rolamento-da-coroa-para-suzuki-62322rsc3/1649648" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1649648.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-coroa-para-suzuki-hayabusa1300-v-strom-rolamento-da-coroa-para-suzuki-62322rsc3/1649648 class="" title="
                Rolamento da Coroa para Hayabusa1300, V-Strom
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">62/32-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Coroa para Hayabusa1300, V-Strom
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1771" name="product_id" value="1771"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1771 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1771" href="/produto/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3/1771" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1771.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53640/53640.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3/1771" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1771.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3/1771 class="" title="
                Rolamento de Embreagem Honda Pop100 07&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6200-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Embreagem Honda Pop100 07&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1771']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_490" name="product_id" value="490"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_490 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_490" href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx-150--160-transmisso-pcx-150-1220-rolamento-de-roda-para-honda-62012rsc3/490" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/490.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53641/53641.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx-150--160-transmisso-pcx-150-1220-rolamento-de-roda-para-honda-62012rsc3/490" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/490.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx-150--160-transmisso-pcx-150-1220-rolamento-de-roda-para-honda-62012rsc3/490 class="" title="
                Rolamento da Roda Honda Pop110i, Biz110i, Dianteira PCX 150 / 160
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6201-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Honda Pop110i, Biz110i, Dianteira PCX 150 / 160
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_490']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_15806" name="product_id" value="15806"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_15806 > img').length-1;">
        <a id="gallery_15806" href="/produto/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz/15806" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15806.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz/15806" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15806.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz/15806 class="" title="
                Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carcaça)
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6201-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carcaça)
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_15806']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2818" name="product_id" value="2818"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2818 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_2818" href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-elite-125-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2818.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50147/50147.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50148/50148.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50149/50149.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===4" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===4 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53642/53642.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-elite-125-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2818.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-elite-125-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818 class="" title="
                Rolamento da Roda Dianteira/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250/300
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Dianteira/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250/300
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2818']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2717" name="product_id" value="2717"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2717 > img').length-1;">
        <a id="gallery_2717" href="/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2717.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2717.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717 class="" title="
                Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2717']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2573" name="product_id" value="2573"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2573 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_2573" href="/produto/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-pcx-150--160-rolamento-de-roda-traseira-honda-62032rsc3/2573" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2573.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53643/53643.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-pcx-150--160-rolamento-de-roda-traseira-honda-62032rsc3/2573" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2573.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-pcx-150--160-rolamento-de-roda-traseira-honda-62032rsc3/2573 class="" title="
                Rolamento da Roda Traseira Biz 100/125, Bros 125/150, PCX 150 / 160
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6203-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Traseira Biz 100/125, Bros 125/150, PCX 150 / 160
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2573']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14801" name="product_id" value="14801"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14801 > img').length-1;">
        <a id="gallery_14801" href="/produto/rolamento-da-transmisso-para-honda-pop100-dream-100-biz-100--125-titan-cg-150--160-fan-cg-150--160-bros-nxr-150--160-cg160-start-falcon-nx400-elite-125--yamaha-t105e-crypton-ybr-125-factor-125-xtz125-fazer-ys250-lander-xtz-250-rolamento-da-transmisso-para-honda-6203zz/14801" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14801.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-transmisso-para-honda-pop100-dream-100-biz-100--125-titan-cg-150--160-fan-cg-150--160-bros-nxr-150--160-cg160-start-falcon-nx400-elite-125--yamaha-t105e-crypton-ybr-125-factor-125-xtz125-fazer-ys250-lander-xtz-250-rolamento-da-transmisso-para-honda-6203zz/14801" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14801.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-transmisso-para-honda-pop100-dream-100-biz-100--125-titan-cg-150--160-fan-cg-150--160-bros-nxr-150--160-cg160-start-falcon-nx400-elite-125--yamaha-t105e-crypton-ybr-125-factor-125-xtz125-fazer-ys250-lander-xtz-250-rolamento-da-transmisso-para-honda-6203zz/14801 class="" title="
                Rolamento da Transmissão Pop 100, Biz 100/125, Titan 150/160, Bros 150/160, Elite 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6203-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Transmissão Pop 100, Biz 100/125, Titan 150/160, Bros 150/160, Elite 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14801']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_448" name="product_id" value="448"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_448 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_448" href="/produto/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister-carter-esquerdo-pcx-150-1220-rolamento-de-roda-para-yamaha-62042rsc3/448" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/448.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53644/53644.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister-carter-esquerdo-pcx-150-1220-rolamento-de-roda-para-yamaha-62042rsc3/448" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/448.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister-carter-esquerdo-pcx-150-1220-rolamento-de-roda-para-yamaha-62042rsc3/448 class="" title="
                Rolamento de Roda Yamaha Fazer YS 250, Factor 150 | Roda Dianteira CG125 Titan até 2000
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6204-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Yamaha Fazer YS 250, Factor 150 | Roda Dianteira CG125 Titan até 2000
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_448']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
</div>

<!-- Modal Applications -->
<div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showApplication" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showApplication }">
    <!--Dialog-->
    <div class="bg-white w-11/12 md:w-6/12 mx-auto max-w-4xl rounded-lg shadow-lg text-left" x-show="showApplication" 
        @click.away="showApplication = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 px-6 text-gray-800">
            <p class="text-2xl font-bold text-green-600">Aplicações do Produto</p>
            <div class="cursor-pointer z-50" @click="showApplication = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="application_modal_preview" class="max-h-96 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="application_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>
        
        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
    
    <template id="templateApplicationsModal">
        <div class="grid grid-cols-1 md:grid-cols-2 px-5 gap-2 md:gap-4">
            {{#info}}
            <div class="flex justify-start items-center w-full rounded-md text-left bg-neutral-50">
                <div class="w-24 h-24 mr-4">
                    <img src="https://www.marketformation.com.br/cdn/motos/{{produtoModeloSEO}}.jpg" class="object-cover"/>
                </div>
                <div>
                    <p class="text-xs font-medium text-gray-400">{{produtoMontadora}}</p>
                    <p class="text-base font-semibold text-gray-600">{{produtoModelo}} {{produtoSubModelo}} {{produtoCaracteristica}} {{produtoAno}}</p>
                </div>
            </div>
            {{/info}}
        </div>
    </template>
    
</div>
<!-- / Modal Applications -->        <!-------- /Produtos -------->
        
        <!---------- #Paginador ---------->
        <div class="my-4">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=3&amp;offset=24">
          <i class="fas fa-angle-left"></i>
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 4 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=2&amp;offset=12" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 4 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=3&amp;offset=24" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 4 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=4&amp;offset=36" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 4 }">
          4
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=5&amp;offset=48" :class="{'bg-gray-400 text-gray-700 font-bold': 5 === 4 }">
          5
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;filter=produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;pagina=5&amp;offset=48">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
    </div>
    
</div>



</div>

<div id="alert-add" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> no Carrinho!</span>
  </div>
</div>

<div id="alert-removed" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
      <path fill="currentColor"
            d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
      ></path>
    </svg>
    <span class="text-red-800">Produto <strong>removido</strong> do Carrinho!</span>
  </div>
</div>

<div id="alert-add-favorite" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> aos Favoritos!</span>
  </div>
</div>

<div id="alert-remove-favorite" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
        <path fill="currentColor"
              d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
        ></path>
      </svg>
    <span class="text-red-800">Produto <strong>removido</strong> dos Favoritos!</span>
  </div>
</div> 
       <!-- Loading Footer Website -->
<div class="bg-red-700">
  <!------- Novidades ------->
  
  <div class="md:mt-20">
  <div class="container flex flex-col px-2 py-0 mx-auto">
    
    <!--Midia Social-->
    <div class="py-6 border-b mt-10 md:mt-0">
      <div class="flex flex-col md:flex-row space-x-5 items-center text-white">
        <div class="">
           <img class="h-4 w-auto md:h-6" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1">
        </div>
        <div class="flex-1 text-center px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Sua loja virtual para motopeças</span>
        </div>
        <div class="">
          <div class="flex justify-between items-center space-x-3">
              <a target="_blank" href="https://www.youtube.com/c/PPKMotoparts" class="transition duration-500" title="Ver página Youtube">
                 <i class="fab fa-youtube text-xl"></i>
              </a>
              <a target="_blank" href="https://www.instagram.com/ppkmotoparts/" class="transition duration-500" title="Ver página Instagram"> 
                <i class="fab fa-instagram text-xl"></i>
              </a>
              <a target="_blank" href="https://www.facebook.com/ppkmotoparts" class="transition duration-500"  title="Ver página Facebook">
                 <i class="fab fa-facebook text-xl"></i>
              </a>
          </div>
        </div>
        <div class="flex-1 text-right px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Atendimento de segunda a sexta das 8h00 às 17h45</span>
        </div>
        
      </div>
    </div>
    
    <!--Menus-->
    <div class="pb-3">
        <div class="flex gap-4">
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Políticas
              </div>
               <a href="/entrega" title="entrega" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Entrega</div>
                </div> 
              </a>
               <a href="/troca-devolucao" title="Trocas e Devoluções" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Trocas e Devoluções</div>
                </div> 
              </a>
               <a href="/privacidade" title="Política de Privacidade" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Privacidade</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Institucional
              </div>
               <a href="/quem-somos" title="Quem Somos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Quem Somos</div>
                </div> 
              </a>
               <a href="/onde-estamos" title="Lojas" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Onde Estamos</div>
                </div> 
              </a>
               <a href="/como-comprar" title="Como Comprar" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Como Comprar</div>
                </div> 
              </a>
               <a href="https://forms.gle/FNox6NYFCq17fYzn7" title="Avaliação NPS" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Avalie-nos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Mídia
              </div>
               <a href="https://www.youtube.com/c/PPKMotoparts" title="Vídeos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Vídeos</div>
                </div> 
              </a>
               <a href="/catalogos-motopecas" title="Manuais e Catálogos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Catálogos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Contato
              </div>
               <a href="/representantes" title="Representantes" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Representantes</div>
                </div> 
              </a>
               <a href="/contato" title="Contato" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Comercial PPK</div>
                </div> 
              </a>
          </div>
          </div>
  
        </div>
        
    <!--Categoria-->
    <div class="pb-3 border-t">
        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 text-xs">
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Caixa de Direção para Moto
              </div>
              <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 100
              </a>
                <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 125
              </a>
              <a href="/busca?q=H004" title="Caixa de Direção Bros 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Bros 150 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fan 125" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 125 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+ys150+fazer" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+fazer+250" title="Caixa de Direção Fazer 250" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 250
              </a>
              <a href="/busca?q=caixa+dire%C3%A7%C3%A3o+cg150" title=" Caixa de Direção Titan 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Partida
              </div>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Biz 100
              </a>
              <a href="/busca?q=pedal+partida+CG125" title="Pedal de Partida CG 125" class="my-1 block text-red-200 hover:underline">
               Pedal de Partida CG 125
              </a>
              <a href="/produto/pedal-partida-dt180-ppk-y302-ppk/1648772" title="Pedal de Partida DT 180" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida DT 180
              </a>
              <a href="/produto/pedal-de-partida-honda-cg125-titan-ks-es-fan-02-gt-04-cromado-ppk-h301-ppk/1648771" title="Pedal de Partida Fan 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Fan 125
              </a>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Pop 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Pop 100
              </a>
              <a href="/busca?q=Pedal+Partida+CG150" title=" Pedal de Partida Titan 150" class="my-1 block text-red-200 hover:underline">
                  Pedal de Partida Titan 150
              </a>
              <a href="/produto/pedal-partida-ybr125-factor-ppk-y301-ppk/1648768" title="Pedal de Partida YBR 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida YBR 125
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Câmbio
              </div>
              <a href="/produto/pedal-cambio-biz-c125-es-ks-ppk-h406-ppk/1648781" title="Pedal de Câmbio Biz 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Biz 125
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Câmbio CG 125" class="my-1 block text-red-200 hover:underline">
                  Pedal de Câmbio CG 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Câmbio Titan 150" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                 Pedal de Marcha
              </div>
              <a href="/busca?q=BIZ%20C100&filter=categoriaNome:%22Pedal%20de%20C%C3%A2mbio%22" title="Pedal de Marcha Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha Biz 100
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Marcha CG 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha CG 125
              </a>
              <a href="/produto/pedal-de-cambio-honda-cg125-titan-ks-es-fan-cromado-ppk-h401-ppk/1648775" title="Pedal de Marcha Fan 125" class="my-1 block text-red-200 hover:underline">
                 Pedal de Marcha Fan 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Marcha Titan 150" class="my-1 block text-red-200 hover:underline">
               Pedal de Marcha Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                Rolamento de Moto
              </div>
              <a href="/busca?q=125" title="Rolamento de Moto 125" class="my-1 block text-red-200 hover:underline">
                Rolamento de Moto 125
              </a>
              <a href="/produto/rolamento-da-embreagem-honda-cg125-titan-fan-lado-direito-09-gt-cg150-titan-fan-04-gt-nxr150-bros-06-gt-cg160-titan-fan-nxr-160-bros-cg160-start-todos-t105e-crypton-eixo-comando-de-valvulas-direito-t115e-crypton-eixo-de-comando-ybr125-factor-125-eixo-de-comando-direito-xtz125-eixo-de-comando-esquerdo-6003-2rsc3-ppk/1646621" title="Rolamento Embreagem Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Embreagem Titan 150
              </a>
              <a href="produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer-roda-dianteira-honda-cg125-titan-fan-6202-2rsc3-ppk/2818" title="Rolamento Roda Dianteira Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Fazer 250
              </a>
              <a href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx150-transmissao-cg150-fan-titan-biz-c100-c125-pop100-factor-125-nxr150-bros-yamaha-ybr125-6201-2rsc3-ppk/490" title="Rolamento Roda Dianteira PCX 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira PCX 150
              </a>
              <a href="/produto/rolamento-de-roda-honda-biz-c100-98-gt-05-c100-dream-cg125-fan-today-titan-roda-dianteira-nxr125-150-bros-03-gt-yamaha-roda-dianteira-factor-125-150-roda-traseira-crypton-105-6301-2rsc3-green-ppk/348" title="Rolamento Roda Dianteira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Titan 150
              </a>
              <a href="/produto/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk/348" title="Rolamento Roda Traseira Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Biz 125
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6303-2rsc3-ppk/1778" title="Rolamento Roda Traseira Bros 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Bros 150
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk/1777" title="Rolamento Roda Traseira CG 150" class="my-1 block text-red-200 hover:underline">
               Rolamento Roda Traseira CG 150
              </a>
              <a href="/produto/rolamento-da-roda-traseira-para-honda-cg150-fan-cg150-titan-yamaha-factor125-150-ybr125-ys150-fazer-ys250-fazer-transmissao-xr200-cbx200-strada-6004-2rsc3-green-ppk/2814" title="Rolamento Roda Traseira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
               Rolamento do Virabrequim
              </div>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Biz 100" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 100
              </a>
              <a href="/busca?q=Virabrequim+Biz+125" title="Rolamento do Virabrequim Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 125
              </a>
              <a href="/produto/rolamento-do-virabrequim-yamaha-ys250-fazer-06-gt-10-honda-cg-turuna-todos-os-modelos-cg125-titan-fan-todos-ate-1999-xls125-xlr125-todos-63-28-rsc3-ppk/14966" title="Rolamento do Virabrequim Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Fazer 250
              </a>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Pop 100" class="my-1 block text-red-200 hover:underline">
               Rolamento do Virabrequim Pop 100
              </a>
              <a href="/busca?q=virabrequim+titan+cg150" title="Rolamento do Virabrequim Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Titan 150
              </a>
               <a href="/produto/rolamento-do-virabrequim-yamaha-t105e-crypton-ybr125-factor125-xtz125-dir-esq-transmissao-ys250-fazer-06-gt-10-xtz250-lander-todos-lado-direito-6205-2rsc3-green-ppk/79" title="Rolamento do Virabrequim YBR 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim YBR 125
              </a>
          </div>
        </div>
     </div>
  </div>
  </div>
   
  <div class="px-5 py-2 bg-red-900 text-center items-center justify-between">
    <div class="container flex flex-col px-2 py-0 mx-auto">
      <span class="text-xs text-white">PPK Motoparts - @ Copyright 2003-2021</span>
    </div>
  </div>
  
  <a id="backToTop" class="hidden" href="javascript:void(0);">
   <div class="fixed bottom-4 left-4">
   <div class="bg-yellow-500 text-yellow-900 bg-opacity-50 hover:bg-opacity-90 h-12 w-12 text-center font-extrabold flex items-center justify-center rounded-full">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M5 10l7-7m0 0l7 7m-7-7v18" />
      </svg>
   </div>
   </div>
  </a>
  
</div>


    <div class="floating-wpp z-30 text-gray-900" style=" font-family: 'Nunito', sans-serif;" ></div>
       <!-- Loading Foot Website -->

<div id="alert-success" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-green-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
    </svg>
    <span id="content-success" class="text-green-800"></span>
  </div>
</div>

<div id="alert-error" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
   <svg viewBox="0 0 24 24" class="text-red-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
    </svg>
    <span id="content-error" class="text-red-800"></span>
  </div>
</div>

<div id="alert-info" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-blue-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-blue-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
    </svg>
    <span id="content-info" class="text-blue-800"></span>
  </div>
</div>
<script type="text/javascript">
    document.body.addEventListener("showMessage", function(evt){
        
        console.log(evt);
        
        if(evt.detail.type !== undefined && evt.detail.type !== null){
            var type = evt.detail.type,
                div  =  document.getElementById(`alert-${type}`),
                text =  document.getElementById(`content-${type}`);
            
            if( evt.detail.code !== undefined && evt.detail.type === 'error' )
            {
                evt.detail.message += ` - Código: ${evt.detail.code}`;
            }
            
            text.innerHTML = evt.detail.message;
            
            div.classList.remove("hide");
            window.setTimeout(function(){
                 div.classList.add("hide");
            },5000);
        }
        
    })
</script>



<script>
    let progress = 0;
    let invervalSpeed = 10;
    let incrementSpeed = 1;
    document.addEventListener("DOMContentLoaded", function(){
        let bar = document.getElementById('bar');
        if(bar !== null){
            progressInterval = setInterval(function(){
                progress += incrementSpeed;
                bar.style.width = progress + "%";
                if(progress >= 100){
                    clearInterval(progressInterval);
                }
            }, invervalSpeed);
        }
    });
</script>

<script src="https://www.marketformation.com.br/cdn/vendor/autocomplete/v10.2.6.min.js"></script>
<script>
    // Check if an element currently exists
    if ($('#search').length)
    {
         //AutoComplete para Desktop
         const autoCompleteJS = new autoComplete({
        placeHolder: "Pesquisar Produto",
        selector: "#search",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            // Normalize by removing special characters and converting to lower case
            const normalizeText = text => text.toLowerCase().replace(/[\W_]+/g, "");
            const normalizedQuery = normalizeText(query);
        
            // Split the normalized query into words for partial matching
            var queryWords = normalizedQuery.split(" ");
            var normalizedRecord = normalizeText(record);
        
            // Check if all query words are included in the record
            var matchFound = queryWords.every(word => normalizedRecord.includes(word));
            
            if (matchFound) {
                // Highlight matched words in the original record
                queryWords.forEach(word => {
                    var regex = new RegExp(word, "gi");
                    record = record.replace(regex, (matched) => `<mark>${matched}</mark>`);
                });
                return record;
            }
            return false; // Return false if no match is found
        },

        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer text-gray-900",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                focus: (event) => {
                    autoCompleteJS.input.select();
                },
                click: (event) => {
                    autoCompleteJS.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJS,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            console.log("teste");
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJS.input.value = clicked;
                    autoCompleteJS.input.form.submit();
                }
            }
        }
    });
    }
    
    // Check if an element currently exists
    if ($('#search-mobile').length)
    {
        //AutoComplete para Mobile
        const autoCompleteJSMobile = new autoComplete ({
        placeHolder: "Pesquisar Produto",
        selector: "#search-mobile",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            query = query.trim().replace(/\s\s+/g, ' ');
            
            var list = query.toLowerCase().split(" "),
                search = record.normalize("NFD").replace(/[\u0300-\u036f]/g, ""),
                found = list.every(item => search.toLowerCase().includes(item.normalize("NFD").replace(/[\u0300-\u036f]/g, "")));
                
            if(found){
                for(let i = 0; i < list.length; i++){
                    var item  = list[i],
                        words = record.toLowerCase().split(" "),
                        records = record.split(" "),
                        regex = null;

                    if(words.indexOf(item) !== -1){
                        records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                        record = records.join(" ");
                    }else{
                        words = search.toLowerCase().split(" ");
                        if(words.indexOf(item) !== -1){
                            records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                            record = records.join(" ");
                        }else{
                            regex = new RegExp(item, "ig");
                            record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                        }
                    }
                    //var regex = new RegExp(item, "ig");
                    //record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                }
                return record;   
            }
        },
        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                selection: (event) => {
                    const selection = event.detail.selection.value;
                    autoCompleteJS.input.value = selection;
                },
                click: (event) => {
                    // alert("Input Field in click!");
                    autoCompleteJSMobile.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJSMobile,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    //console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJSMobile.input.value = clicked;
                    autoCompleteJSMobile.input.form.submit();
                }
            }
        }
    });
    }
</script>

<script type="text/javascript">
    
    $("#select-transporter").selectize({
      valueField: "transportadoraID",
      labelField: "transportadoraNome",
      searchField: "transportadoraNome",
      inputClass: "selectize-custom-input rounded bg-white text-gray-700 p-4 flex last:bg-red-500",
      loadingClass: 'loading',
      create: false,
      render: {
        option: function (item, escape) {
          return (
              '<div class="p-4 hover:bg-gray-100 border border-gray-100" _="on click remove .hidden from #loading">'+
              '<span>'+escape(item.transportadoraNome)+'<span>'+
              '</div>'
            );
        },
      },
      load: function (query, callback) {
        if (!query.length) return callback();
        $.ajax({
          url: "/services/transporters?q=" + encodeURIComponent(query),
          dataType: 'json',
          type: "GET",
          error: function () {
            callback();
          },
          success: function (res) {
            console.log("response", res);
            callback(res.hits.slice(0, 10));
            
          },
        });
      },
      onChange: function (value) {
        // console.log('Valor Novo: ', value);
        if(value !== ''){
            $.ajax({
              url: "/checkout/update",
              dataType: 'json',
              type: "POST",
              data: {
                transporte_id: value
              },
              success: function (res) {
                console.log("response", res);
              },
            });   
        }
      }
    });
</script>


<script>
function onClick(e) {
e.preventDefault();
grecaptcha.ready(function() {
  grecaptcha.execute('6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I', {action: 'submit'}).then(function(token) {
      // Add your logic to submit to your backend server here.
  });
});
}


</script>

     </div>
  </body>
  
    <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-899BH30JVM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-899BH30JVM');
  </script>
  </html>